.contain{
        position: relative;
        margin:auto;
        width: 600px;
        height: 200px;
        text-align: center;
        font-family: Arial;
        color: #FFF;
        overflow: hidden;
 }

.contain ul{
    margin:10px 0;
    padding:0;
    width: 1800px;
    transition:all 0.5s;
    display: flex;
}

.contain li{
    /* float: left; */
    width: 600px;
    height: 200px;
    list-style: none;
    line-height: 200px;
    font-size: 36px;
}


.sildeInput-1{
    background: #9fa8ef;
}

.sildeInput-2{
    background: #ef9fb1;
}

 .sildeInput-3{
    background: #9fefc3;
}

.label1{
    position: absolute;
    bottom: 10px;
    left: 0px;
    width: 20px;
    height: 20px;
    margin: 0 10px;
    line-height: 20px;
    color: #FFF;
    background: #000;
    cursor: pointer;
}/*用于调整单选框的属性以及位置*/
.label2{
    position: absolute;
    bottom: 10px;
    left: 30px;
    width: 20px;
    height: 20px;
    margin: 0 10px;
    line-height: 20px;
    color: #FFF;
    background: #000;
    cursor: pointer;
}/*用于调整单选框的属性以及位置*/
.label3{
    position: absolute;
    bottom: 10px;
    left: 60px;
    width: 20px;
    height: 20px;
    margin: 0 10px;
    line-height: 20px;
    color: #FFF;
    background: #000;
    cursor: pointer;
}/*用于调整单选框的属性以及位置*/

#Input1:checked~ul{ margin-left: 0;}
#Input1:checked~.label1{ background: #535353;}
#Input2:checked~ul{ margin-left: -600px;}
#Input2:checked~.label2{ background: #535353;}
#Input3:checked~ul{ margin-left: -1200px;}
#Input3:checked~.label3{ background: #535353;}